<template>
	<view class="iconfont" :class="icon" :style="'font-size:'+size+'rpx;color:'+color+';'+custom"></view>
</template>
<script setup>
	import {
		ref
	} from "vue"

	defineProps({
		size: {
			type: String,
			default: "32"
		},
		color: {
			type: String,
			default: "#333"
		},
		custom: {
			type: String,
			default: ""
		},
		icon: String
	})
</script>
<style lang="scss" scoped>
	@font-face {
		font-family: 'iconfont';
		src: url('../font/iconfont.ttf') format('truetype');
	}

	.iconfont {
		font-family: "iconfont" !important;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
	}
	//添加
	.add:before {
		content: "\e630";
	}
	//添加
	.add-full:before {
		content: "\f0154";
	}
	//关闭
	.close-full:before {
		content: "\e60b";
	}
	//关闭
	.close:before {
		content: "\e611";
	}
	//添加
	.message:before {
		content: "\e884";
	}
	//锁定
	.lock:before {
		content: "\e666";
	}
	//解锁
	.unlock:before {
		content: "\e667";
	}
	//蓝牙
	.ble:before {
		content: "\e610";
	}
	//电量 20
	.electric-2:before {
		content: "\e92e";
	}
	//电量 40
	.electric-4:before {
		content: "\e931";
	}
	//电量 60
	.electric-6:before {
		content: "\e92f";
	}
	//电量 80
	.electric-8:before {
		content: "\e92d";
	}
	//电量 100
	.electric-10:before {
		content: "\e930";
	}
	//钥匙
	.key:before {
		content: "\e627";
	}
	//指纹
	.finger:before {
		content: "\e74f";
	}
	//密码
	.password:before {
		content: "\e616";
	}
	//卡片
	.card:before {
		content: "\e62c";
	}
	//通知
	.notify:before {
		content: "\e8bd";
	}
	//记录
	.record:before {
		content: "\e6f3";
	}
	//设置
	.setting:before {
		content: "\e7eb";
	}
	//设置
	.admin:before {
		content: "\ed0f";
	}
	//向右
	.right:before {
		content: "\e775";
	}
	
	
	
	
	
	
	
	

</style>